.app-index{
    height: 100%;
    width: 100%;
    .top{
        height: 44px;
        line-height: 44px;
        text-align: center;
        color:rgba(16, 16, 16, 1);
        font-size: 18px;
        font-weight: bold;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }

    .bottom{
        background-image: url(../imgs/advertisement-bg.jpg);
        background-repeat: no-repeat;
        background-size: 1000px;
        background-position: center;
        position: relative;


        .popup{
            display: flex;
            width: 105px;
            height: 40px;
            line-height: 20px;
            border-radius: 20px;
            text-align: center;
            color: rgba(16, 16, 16, 100);
            background-color: white;
            border: 1px solid rgba(187, 187, 187, 100);
            line-height: 38px;
            position: absolute;
            top: 20px;
            right: 30px;
            

            >span:first-child{
                
                flex: 2;
                border-right: 1px solid rgba(187, 187, 187, 100);
            }
            >span:last-child{
                
                flex: 3;
            }
        }
        .anima{
            position: absolute;
            bottom: 60px;
            width: 100%;
            height: 64px;
            color: rgba(255, 255, 255, 100);
            font-size: 48px;
            text-align: center;
            line-height: 64px;
        }
    }
}